import { Col as AntdCol, ColProps } from 'antd';

/**
 * 导出栅格列组件
 * @param {ColProps} props - 栅格列组件的属性
 * @returns {JSX.Element} 栅格列组件的 JSX 元素
 * @description 栅格列组件是 Ant Design 提供的栅格系统中的列组件，用于构建响应式布局。
 * @example
 * <Col span={12}>
 *   <div>内容</div>
 * </Col>
 * @example
 * <Col xs={24} sm={12} md={8} lg={6}>
 *   <div>响应式内容</div>
 * </Col>
 * @example
 * <Col span={8} offset={8}>
 *   <div>偏移内容</div>
 * </Col>
 */
export const Col = (props: ColProps) => {
  return <AntdCol {...props} />;
};

// 默认导出
export default Col;

// 重新导出类型
export type { ColProps };
